<template>
  <div id="app">
    <div id="nav">
      <router-link to="/">Home</router-link> |
      <router-link to="/about">About</router-link> |
      <router-link to="/notice">Notice</router-link> |
      <router-link to="/login">Login</router-link> |
      <router-link to="/officeEdit">officeEdit</router-link> |
      <router-link to="/officeView">officeView</router-link>
    </div>
    <router-view/>

<!--    <el-container v-if="$route.meta.keepalive">-->
<!--      <el-header class="header">-->
<!--        <keep-alive>-->
<!--          <v_Header></v_Header>-->
<!--        </keep-alive>-->
<!--      </el-header>-->
<!--      <el-container>-->
<!--        <el-aside style="width:200px; height:600px">-->
<!--          <keep-alive>-->
<!--            <v_leftmenu></v_leftmenu>-->
<!--          </keep-alive>-->
<!--        </el-aside>-->
<!--        <el-container>-->
<!--          <el-main>-->
<!--            <keep-alive>-->
<!--              <router-view></router-view>-->
<!--            </keep-alive>-->
<!--          </el-main>-->
<!--          <el-footer style=" padding-left: 0px;padding-right: 0px;">-->
<!--            <v_footer></v_footer>-->
<!--          </el-footer>-->
<!--        </el-container>-->
<!--      </el-container>-->
<!--    </el-container>-->
<!--    <router-view v-if="!$route.meta.keepalive"></router-view>-->
  </div>
</template>

<script>
// import LeftMenu from "./components/LeftMenu"
// import Header from "./components/Header"
// import  Footer from './components/Footer'
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}

#nav {
  padding: 30px;
}

#nav a {
  font-weight: bold;
  color: #2c3e50;
}

#nav a.router-link-exact-active {
  color: #42b983;
}

/*#app {*/
/*  font-family: 'Avenir', Helvetica, Arial, sans-serif;*/
/*  -webkit-font-smoothing: antialiased;*/
/*  -moz-osx-font-smoothing: grayscale;*/
/*  text-align: center;*/
/*  color: #2c3e50;*/
/*}*/
/*.header{*/
/*  line-height: 60px;*/
/*  background-color: #545c64;*/
/*  text-color: white;*/
/*}*/
</style>
